/* 明亮主题CSS - 现代简洁风格 */
/* ================ CSS变量定义 ================ */
.root {
    /* 基础色系 */
    -fx-light-primary: #FFFFFF; /* 主背景色 */
    -fx-light-secondary: #F5F5F5; /* 次级背景 */
    -fx-accent-color: #2196F3; /* 强调色（科技蓝） */
    -fx-text-primary: #333333; /* 主文字 */
    -fx-text-secondary: #666666; /* 次级文字 */
    -fx-border-base: #DDDDDD; /* 基础边框 */

    /* 字体设置 */
    -fx-font-family: "Segoe UI";
    -fx-font-size: 14px;

    /* 全局背景与文字 */
    -fx-background-color: -fx-light-primary;
    -fx-text-fill: -fx-text-primary;
}

/* ================= 控件样式 ================= */

/* 按钮 - 扁平化设计 */
.button {
    -fx-background-color: -fx-light-secondary;
    -fx-border-color: -fx-border-base;
    -fx-border-radius: 4px;
    -fx-text-fill: -fx-text-primary;
    -fx-padding: 8px 16px;
}

.button:hover {
    -fx-background-color: #E0E0E0;
    -fx-cursor: hand;
}

.button:pressed {
    -fx-background-color: #BDBDBD;
}

.button:focused {
    -fx-border-color: -fx-accent-color;
}

/* 输入框 */
.text-field, .text-area, .combo-box {
    -fx-background-color: -fx-light-primary;
    -fx-border-color: -fx-border-base;
    -fx-border-radius: 4px;
    -fx-text-fill: -fx-text-primary;
    -fx-prompt-text-fill: -fx-text-secondary;
}

.text-field:focused {
    -fx-border-color: -fx-accent-color;
    -fx-effect: innershadow(gaussian, rgba(33, 150, 243, 0.1), 8, 0, 0, 0);
}

/* 表格 */
.table-view {
    -fx-background-color: -fx-light-primary;
    -fx-table-cell-border-color: transparent;
}

.table-row-cell:filled {
    -fx-background-color: -fx-light-primary;
    -fx-border-color: -fx-border-base;
}

.table-row-cell:filled:odd {
    -fx-background-color: #FAFAFA; /* 交替行颜色 */
}

.table-row-cell:selected {
    -fx-background-color: #E3F2FD; /* 选中行颜色 */
}

/* 选项卡 */
.tab-pane {
    -fx-background-color: -fx-light-primary;
    -fx-tab-min-width: 120px;
}

.tab {
    -fx-background-color: -fx-light-secondary;
    -fx-text-fill: -fx-text-primary;
    -fx-border-color: -fx-border-base;
}

.tab:selected {
    -fx-background-color: -fx-light-primary;
    -fx-border-color: -fx-accent-color;
    -fx-border-width: 0 0 2px 0;
}

/* 滚动条 */
.scroll-bar:vertical .thumb,
.scroll-bar:horizontal .thumb {
    -fx-background-color: #BDBDBD;
    -fx-background-radius: 4px;
}

/* 进度条 */
.progress-bar .bar {
    -fx-background-color: -fx-accent-color;
    -fx-background-insets: 0;
    -fx-padding: 2px;
}

/* ================ 状态样式 ================ */
.button:disabled {
    -fx-opacity: 0.5;
    -fx-background-color: #EEEEEE;
}

.error-border {
    -fx-border-color: #FF5252 !important;
    -fx-border-width: 2px;
}

/* ================ 自定义组件 ================ */
.card-pane {
    -fx-background-color: -fx-light-primary;
    -fx-background-radius: 8px;
    -fx-border-color: -fx-border-base;
    -fx-border-radius: 8px;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 8, 0, 0, 2);
    -fx-padding: 16px;
}

.kun-pane {
    /*-fx-background-color: -fx-accent-color;*/
}